<template>
  <div class="mh" style="padding: 0 15px">
    <p
      style="padding: 10px 15px; font-size: 18px; border-bottom: 1px solid #ccc"
    >
      急性心脑血管事件台账
    </p>
    <div class="query">
      选择地区：
      <el-select v-model="query.value" size="small" placeholder="请选择">
        <el-option label="测试数据" value="测试数据"> </el-option>
      </el-select>
      选择报卡现住址地：
      <el-select v-model="query.value" size="small" placeholder="请选择">
        <el-option label="测试数据" value="测试数据"> </el-option>
      </el-select>
      选择报卡户籍地：
      <el-select v-model="query.value" size="small" placeholder="请选择">
        <el-option label="测试数据" value="测试数据"> </el-option>
      </el-select>
      <div class="_br"></div>
      报告日期：
      <el-date-picker
        v-model="query.value1"
        size="small"
        type="daterange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
      >
      </el-date-picker>
      性别：
      <el-select v-model="query.value" size="small" placeholder="请选择">
        <el-option label="测试数据" value="测试数据"> </el-option>
      </el-select>
      门诊号：
      <el-input
        size="small"
        style="width: 200px"
        v-model="query.input"
        placeholder="清输入门诊号"
      ></el-input>
      <div class="_br"></div>
      诊断日期：
      <el-date-picker
        v-model="query.value1"
        size="small"
        type="daterange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
      >
      </el-date-picker>
      住院号：
      <el-input
        size="small"
        style="width: 200px"
        v-model="query.input"
        placeholder="清输入住院号"
      ></el-input>
      身份证号：
      <el-input
        size="small"
        style="width: 200px"
        v-model="query.input"
        placeholder="清输入身份证号"
      ></el-input>
      <div class="_br"></div>
      急性心脑血管报卡分类：
      <el-select v-model="query.value" size="small" placeholder="请选择">
        <el-option label="测试数据" value="测试数据"> </el-option>
      </el-select>
      脑卒中分类：
      <el-select v-model="query.value" size="small" placeholder="请选择">
        <el-option label="测试数据" value="测试数据"> </el-option>
      </el-select>
      姓名：
      <el-input
        size="small"
        style="width: 200px"
        v-model="query.input"
        placeholder="清输入姓名"
      ></el-input>
      <div>
        <el-button size="small" icon="el-icon-bottom">导出</el-button>
        <span style="float: right">
          <el-button type="primary" size="small" icon="el-icon-search"
            >搜索</el-button
          >
          <el-button type="primary" size="small" icon="el-icon-refresh"
            >重置</el-button
          >
        </span>
      </div>
    </div>
    <div class="body" style="margin-top: 15px">
      <el-table
        :data="tableData"
        style="width: 100%"
        :header-cell-style="{
          color: '#000',
          backgroundColor: 'rgb(222,234,255)',
          border: '1px solid #333',
        }"
        height="350"
      >
        <el-table-column prop="" align="center" label="姓名" fixed="left">
        </el-table-column>
        <el-table-column prop="" align="center" label="住院号">
        </el-table-column>
        <el-table-column prop="" align="center" label="门诊号">
        </el-table-column>
        <el-table-column prop="" align="center" label="证件号">
        </el-table-column>
        <el-table-column prop="" align="center" label="性别"> </el-table-column>
        <el-table-column prop="" align="center" label="婚姻状况">
        </el-table-column>
        <el-table-column prop="" align="center" label="民族"> </el-table-column>
        <el-table-column prop="" align="center" label="出生日期">
        </el-table-column>
        <el-table-column prop="" align="center" label="职业"> </el-table-column>
        <el-table-column prop="" align="center" label="本人电话">
        </el-table-column>
        <el-table-column prop="" align="center" label="医保类型">
        </el-table-column>
        <el-table-column prop="" align="center" label="现住址">
          <el-table-column prop="" align="center" label="所在州">
          </el-table-column>
          <el-table-column prop="" align="center" label="所在县">
          </el-table-column>
          <el-table-column prop="" align="center" label="完整地址">
          </el-table-column>
        </el-table-column>
        <el-table-column prop="" align="center" label="户籍地址">
          <el-table-column prop="" align="center" label="所在州">
          </el-table-column>
          <el-table-column prop="" align="center" label="所在县">
          </el-table-column>
          <el-table-column prop="" align="center" label="完整地址">
          </el-table-column>
        </el-table-column>
        <el-table-column prop="" align="center" label="现住址居住6个月以上">
        </el-table-column>
        <el-table-column prop="" align="center" label="文化程度">
        </el-table-column>
        <el-table-column prop="" align="center" label="工作单位">
        </el-table-column>
        <el-table-column prop="" align="center" label="联系人">
        </el-table-column>
        <el-table-column prop="" align="center" label="联系人电话">
        </el-table-column>
        <el-table-column prop="" align="center" label="与患者关系">
        </el-table-column>
        <el-table-column prop="" align="center" label="急性心脑血管事件分类">
        </el-table-column>
        <el-table-column prop="" align="center" label="脑卒中分类">
        </el-table-column>
        <el-table-column prop="" align="center" label="诊断来源">
        </el-table-column>
        <el-table-column prop="" align="center" label="推断类型">
        </el-table-column>
        <el-table-column prop="" align="center" label="治疗措施">
        </el-table-column>
        <el-table-column prop="" align="center" label="发病日期">
        </el-table-column>
        <el-table-column prop="" align="center" label="首次发病">
        </el-table-column>
        <el-table-column prop="" align="center" label="诊断日期">
        </el-table-column>
        <el-table-column prop="" align="center" label="icd码(icd-10)">
        </el-table-column>
        <el-table-column
          prop=""
          align="center"
          label="icd码(医保icd)"
        ></el-table-column>
        <el-table-column prop="" align="center" label="诊断依据">
        </el-table-column>
        <el-table-column prop="" align="center" label="补发类型">
        </el-table-column>
        <el-table-column prop="" align="center" label="补发补充说明">
        </el-table-column>
        <el-table-column prop="" align="center" label="其他生化指标">
        </el-table-column>
        <el-table-column prop="" align="center" label="出院记录(小结)">
        </el-table-column>
        <el-table-column prop="" align="center" label="诊断机构名称">
        </el-table-column>
        <el-table-column prop="" align="center" label="转归">
        </el-table-column>
        <el-table-column prop="" align="center" label="死亡日期">
        </el-table-column>
        <el-table-column prop="" align="center" label="根本死因">
        </el-table-column>
        <el-table-column prop="" align="center" label="死亡原因编码(icd-10)">
        </el-table-column>
        <el-table-column prop="" align="center" label="报卡单位">
        </el-table-column>
        <el-table-column prop="" align="center" label="报告科室">
        </el-table-column>
        <el-table-column prop="" align="center" label="报告医生">
        </el-table-column>
        <el-table-column prop="" align="center" label="报告日期">
        </el-table-column>
      </el-table>
    </div>
    <div style="text-align: right; margin-top: 20px">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="query.page"
        :page-size="query.size"
        layout="prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination>
    </div>
  </div>
</template>
  
  <script>
export default {
  data() {
    return {
      query: {
        value1: [],
      },
      tableData: [{}],
    };
  },
};
</script>
  
  <style>
.mh {
  background-color: #fff;
  height: calc(100vh - 46px);
}
._br {
  padding: 8px 0;
}
.el-date-editor .el-range-separator {
  padding: 0;
}
</style>